<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/dontai.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1018294_vli9e3ox2j.css"/>
		<title>艺术盒子</title>
	</head>
	<body>
		<header class="WebHead">
					<div><a href="quanzifenlei.html"><img src="img/shalou.png"/></a></div>
					<div><a href="index.html"><img src="img/yudi.png"/></a></div>
					<div><a href="dontai.html"><img src="img/caidan.png"/></a></div>
					<div><a href="jinrizhixin.html"><img src="img/jiangzhang.png"/></a></div>
					<div><a href="sousuo.html"><img src="img/sousuo.png"/></a></div>
				</header>
		<div class="Web-center">
			<div class="WebPage">
				<div class="WebContent-Title">
					<ul>
						<li>广场</li>
						<li>关注</li>
						<li>附近</li>
					</ul>
					<i class="iconfont icon-jiantou_shangxiaqiehuan_o">
					</i>
				</div>
				<a href="dontai-gengduo.html">
					<div class="WebContent">
						<div class="WebContent-img"><img src="img/touuxiang-1.jpg"/></div>
						<div class="WebContent-name">
							<i class="iconfont icon-jia"></i>
							<p>Fion <i>V</i></p>
							<i class="iconfont icon-fenxiang"></i>
						</div>
						<div class="WebContent-biaoqian">
							<div>模特</div>
							<div>演员</div>
							<div>经济</div>
						</div>
						<div class="WebContent-Text">
							<p>补发今天的外拍。希望大家喜欢。补发今天的外拍。希望大家喜欢。补发今天的外拍。希望大家喜欢。补发今天的外拍。希望大家喜欢。</p>
						</div>
						<div class="WebContent-tupian-one">
							<div><img src="img/waipai-1.jpg"/></div>
							<div><img src="img/waipai-2.jpg"/></div>
							<div><img src="img/waipai-3.jpg"/></div>
							<div><img src="img/waipai-4.jpg"/></div>
							<div><img src="img/waipai-5.jpg"/></div>
							<div><img src="img/waipai-6.jpg"/></div>
							<div><img src="img/waipai-7.jpg"/></div>
							<div><img src="img/waipai-8.jpg"/></div>
							<div><img src="img/waipai-9.jpg"/></div>
						</div>
						<div class="WebContent-bottom">
							<p>2小时前</p>
							<i class="iconfont icon-location">广州 10.8km</i>
							<i class="iconfont icon-more"></i>
							<i class="iconfont icon-liuyan">86</i>
							<i class="iconfont icon-aixin">443</i>
						</div>
					</div>
				</a>
				<div class="WebContent">
					<div class="WebContent-img"><img src="img/touuxiang-1.jpg"/></div>
					<div class="WebContent-name">
						<i class="iconfont icon-jia"></i>
						<p>Fion <i>V</i></p>
						<i class="iconfont icon-fenxiang"></i>
					</div>
					<div class="WebContent-biaoqian">
						<div>模特</div>
						<div>演员</div>
						<div>经济</div>
					</div>
					<div class="WebContent-tupian-two">
						<div><img src="img/waipai-10.jpg"/></div>
						<div><img src="img/waipai-11.jpg"/></div>
						<div><img src="img/waipai-10.jpg"/></div>
						<div><img src="img/waipai-11.jpg"/></div>
					</div>
					<div class="WebContent-bottom">
						<p>2小时前</p>
						<i class="iconfont icon-location">广州 10.8km</i>
						<i class="iconfont icon-more"></i>
						<i class="iconfont icon-liuyan">86</i>
						<i class="iconfont icon-aixin">443</i>
					</div>
				</div>
				<div class="WebContent">
					<div class="WebContent-img"><img src="img/touuxiang-1.jpg"/></div>
					<div class="WebContent-name">
						<i class="iconfont icon-jia"></i>
						<p>Fion <i>V</i></p>
						<i class="iconfont icon-fenxiang"></i>
					</div>
					<div class="WebContent-biaoqian">
						<div>模特</div>
						<div>演员</div>
						<div>经济</div>
					</div>
					<div class="WebContent-yingyue">
						<div>
							<img src="img/changpian.png" id="imgOne"/>
							<i class="iconfont icon-iconset0429" onclick="play()" id="one"></i>
							<i class="iconfont icon-zanting" onclick="pause()" id="two"></i>
							<audio id="audio" src="media/Firework瑾 - Light（Cover：火箭少女101）.mp3" controls="controls" loop="loop" preload="auto"></audio>
						</div>
						<div><img id="imgTwo" src="img/bofang-1.png" /></div>
						
					</div>
					<div class="jindu">
						<div id="jindu"></div>
						<div></div>
					</div>
					<div class="WebContent-bottom">
						<p>2小时前</p>
						<i class="iconfont icon-location">广州 10.8km</i>
						<i class="iconfont icon-more"></i>
						<i class="iconfont icon-liuyan">86</i>
						<i class="iconfont icon-aixin">443</i>
					</div>
				</div>
				<div class="WebContent">
					<div class="WebContent-img"><img src="img/touuxiang-1.jpg"/></div>
					<div class="WebContent-name">
						<i class="iconfont icon-jia"></i>
						<p>Fion <i>V</i></p>
						<i class="iconfont icon-fenxiang"></i>
					</div>
					<div class="WebContent-biaoqian">
						<div>模特</div>
						<div>演员</div>
						<div>经济</div>
					</div>
					<div class="WebContent-tupian-three">
						<div><img src="img/waipai-12.jpg"/></div>
					</div>
					<div class="WebContent-bottom">
						<p>2小时前</p>
						<i class="iconfont icon-location">广州 10.8km</i>
						<i class="iconfont icon-more"></i>
						<i class="iconfont icon-liuyan">86</i>
						<i class="iconfont icon-aixin">443</i>
					</div>
				</div>
				<div class="WebContent">
					<div class="WebContent-img"><img src="img/touuxiang-1.jpg"/></div>
					<div class="WebContent-name">
						<i class="iconfont icon-jia"></i>
						<p>Fion <i>V</i></p>
						<i class="iconfont icon-fenxiang"></i>
					</div>
					<div class="WebContent-biaoqian">
						<div>模特</div>
						<div>演员</div>
						<div>经济</div>
					</div>
					<div class="WebContent-Text">
						<p>补发今天的外拍。希望大家喜欢。</p>
					</div>
					<div class="WebContent-tupian-four">
						<div><img src="img/waipai-13.jpg"/></div>
					</div>
					<div class="WebContent-bottom">
						<p>2小时前</p>
						<i class="iconfont icon-location">广州 10.8km</i>
						<i class="iconfont icon-more"></i>
						<i class="iconfont icon-liuyan">86</i>
						<i class="iconfont icon-aixin">443</i>
					</div>
				</div>
				<div class="WebContent">
					<div class="WebContent-img"><img src="img/touuxiang-1.jpg"/></div>
					<div class="WebContent-name">
						<i class="iconfont icon-jia"></i>
						<p>Fion <i>V</i></p>
						<i class="iconfont icon-fenxiang"></i>
					</div>
					<div class="WebContent-biaoqian">
						<div>模特</div>
						<div>演员</div>
						<div>经济</div>
					</div>
					<div class="WebContent-Text">
						<p>补发今天的外拍。希望大家喜欢。补发今天的外拍。希望大家喜欢。补发今天的外拍。希望大家喜欢。补发今天的外拍。希望大家喜欢。</p>
					</div>
					<div class="WebContent-tupian-four">
						<div><img src="img/waipai-14.jpg"/></div>
					</div>
					<div class="WebContent-bottom">
						<p>2小时前</p>
						<i class="iconfont icon-location">广州 10.8km</i>
						<i class="iconfont icon-more"></i>
						<i class="iconfont icon-liuyan">86</i>
						<i class="iconfont icon-aixin">443</i>
					</div>
				</div>
			</div>
		</div>
		<script src="js/model.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
